<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> <!-- 对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。 -->
<title>HTML5</title>
<link rel="stylesheet" type="text/css" href=""> <!-- 引入外部样式文件 -->
<style type="text/css"></style> <!-- 定义样式信息 -->
</head>

<body>

    <h1>h1</h1> 
    <h2>h2</h2> 
    <h3>h3</h3> 
    <h4>h4</h4> 
    <h5>h5</h5> 
    <h6>h6</h6>

    <p>
        p<br>br
    </p>

    <hr>

    <div>div</div>

    <span>span</span>

    <ul>
        <li>li</li>
        <li>li</li>
        <li>li</li>
    </ul>

    <ol>
        <li>li</li>
        <li>li</li>
        <li>li</li>
    </ol>

    <article> 
        <header>header-定义一个文档头部部分</header>
        <section>section-定义一个文档的某个区域</section>
        <footer>footer-定义一个文档底部</footer>
    </article>

    <a href="">a</a>

    <img src="" alt="img">

    <audio controls>
        <source src="xx.mp3" type="audio/mpeg">
        您的浏览器不支持 audio 标签。
    </audio>

    <video controls>
        <source src="xx.mp4" type="video/mp4">
        您的浏览器不支持 video 标签。
    </video>

    <canvas id="myCanvas">您的浏览器不支持 canvas 标签。</canvas>
    <script type="text/javascript">
        var canvas=document.getElementById('myCanvas');
        var ctx=canvas.getContext('2d');
        ctx.fillStyle='#FF0000';
        ctx.fillRect(0,0,80,100);
    </script>

    <form>
        text <input type="text" name="" value=""><br>
        radio <input type="radio" name="" value=""><br>
        checkbox <input type="checkbox" name="" value=""><br>
        file <input type="file" name="" value=""><br>
        hidden <input type="hidden" name="" value=""><br>
        number <input type="number" name="" value=""><br>
        password <input type="password" name="" value=""><br>
        button <input type="button" name="" value=""><br>
        
        <textarea rows="10" cols="10">
            textarea
        </textarea>

        <button type="button">button</button>

        <select>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
        </select>

        <label for="male-id">Male</label>
        <input id="male-id" name="sex" type="radio" value="male">
        <label for="female-id">Female</label>
        <input id="female-id" name="sex" type="radio" value="female">
    </form>

    <table>
        <caption>caption-标题</caption>
        <colgroup>
            <col span="1" style="background-color:red">
            <col span="2" style="background-color:yellow"> <!-- 规定 <col> 元素应该横跨的列数 -->
          </colgroup>
        <tr>
          <th>th-表头</th>
          <th>th-表头</th>
          <th>th-表头</th>
        </tr>
        <tr>
          <td>td-表格单元</td>
          <td>td-表格单元</td>
          <td>td-表格单元</td>
        </tr>
    </table>
    
    <iframe src="">
        <p>您的浏览器不支持 iframe 标签。</p>
    </iframe>

</body>
<script type="text/javascript" src=""></script> <!-- 定义客户端脚本 -->
</html>